import React from 'react';
import ReactDOM from 'react-dom';
import Navv from './nav.jsx';
import '../../static/tero/public_two.less'
import '../../static/tero/journa.less'
import u from '../../common.js'
import $ from 'jquery'



class Journa extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            data: {},
            str1: '',
            str2: '',
            // str1: '黑色调搭配金色招牌，有些五星酒店的风格。团购套餐不能用包间，但我想他家比较高端，散座的客人不多的话，环境也应该是很好的。事实上，散座的环境也确实很好。他家的散座不是通间的大厅，而是有隔断的几间，一间里大概可以坐4桌客人，也是有透明隔断的，私密性挺好，完全不会有被邻桌打扰的感觉。环境有些像会所，光线暗暗的，私密有品。对他家的环境很满意，觉的散座也差不多像包间一样了。吃的方面，团购了一个4人套餐，我们去了6个人，又加点了1个凉菜和2个热菜，总共是4个凉菜，8个热菜，1个主食，1个小食，1个甜品。菜品卖相和味道都很精致，每道菜都是店家用心做的，都挺好吃，没有不喜欢的，即使是最普通的清炒小油菜，也挺有滋味。而且菜量也实在，实际上他家的4人餐，我们6个人吃都是足够的了，因为加点了菜，最后打包了不少。团购套餐的品质十分有保证，和之前吃过一些所谓的挺有名的大店，团购套餐却十分的渣形成鲜明的对比，他家很有大店风范。服务方面，服务生服务挺周到的，态度也好，上菜时，会帮忙将大份的菜处理成小块，清蒸鱼会帮忙去骨，以方便客人食用，桌子小盘子大，吃一会儿，服务生给主动给换成小盘，就餐过程中还会帮忙换骨碟，就餐感受很好。总的来讲，是一家各方面都很有品质的店，感觉请客很有面子，特别现在他家有团购，折扣力度很大，价格相对是很亲民的。',
            // str2: '黑色调搭配金色招牌，有些五星酒店的风格。团购套餐不能用包间，但我想他家比较高端，散座的客人不多的话，环境也应该是很好的。事实上，散座的环境也确实很好。他家的散座不是通间的大厅，而是有隔断的几间，一间里大概可以坐4桌客人，也是有透明隔断的，私密性挺好，完全不会有被邻桌打扰的感觉。环境有些像会所，光线暗暗的，私密有品。对他家的环境很满意，觉的散座也差不多像包间一样了。吃的方面，团购了一个4人套餐，我们去了6个人，又加点了1个凉菜和2个热菜，总共是4个凉菜，8个热菜，1个主食，1个小食，1个甜品。菜品卖相和味道都很精致，每道菜都是店家用心做的，都挺好吃，没有不喜欢的，即使是最普通的清炒小油菜，也挺有滋味。而且菜量也实在，实际上他家的4人餐，我们6个人吃都是足够的了，因为加点了菜，最后打包了不少。团购套餐的品质十分有保证，和之前吃过一些所谓的挺有名的大店，团购套餐却十分的渣形成鲜明的对比，他家很有大店风范。服务方面，服务生服务挺周到的，态度也好，上菜时，会帮忙将大份的菜处理成小块，清蒸鱼会帮忙去骨，以方便客人食用，桌子小盘子大，吃一会儿，服务生给主动给换成小盘，就餐过程中还会帮忙换骨碟，就餐感受很好。总的来讲，是一家各方面都很有品质的店，感觉请客很有面子，特别现在他家有团购，折扣力度很大，价格相对是很亲民的。',
            img: [],
            contentold: '',
        }
    }
    rendering() {
        let that = this;
        u.dataStatistics({
            id: this.props.location.search.split('?')[1],
            // keyWord: decodeURI(this.props.location.search.split('?')[2]),
            // highlightLength: true
        }, data => {

            // console.log(data)

            let contentold = data.data[0].content
            if (data.data.length == 0) return

            //let str = data.data[0].content;
            let str = localStorage.getItem('content')
            str = str.replace(/<vrv-img\/>/g, '')
            let img = data.data[0].img
            // let str1 = str.substr(0, str.length / 2 - 1)
            // let str2 = str.substr(str.length / 2)
            let arr = img.split('http');
            arr.shift();
            let i = 0;
            for (i; i <= arr.length - 1; i++) {
                arr[i] = 'http' + arr[i]
            }
            that.setState({
                data: data.data[0],
                str1: str,
                // str2: str2,
                img: arr,
                contentold: contentold
            })
        })
    }
    componentWillMount() {
        this.rendering()
    }
    render() {
        return (
            // <div className='tero_father tero_journa' >
            //     <div className='nav_bc' style={{ display: 'block', paddingTop: '20px' }}>
            //         <h3>{this.state.data.title || '韩国全面部署2萨德 出动员封锁出动8000名警员封锁道路'}</h3>
            //         <div className='nav_bc_title'><span><b>发布人：</b>{this.state.data.author || '艾久萧'}</span><span><b>发布时间：</b>{u.unixTime(this.state.data.addTime) || '2017-03-07 14:41:05'}</span><span><b>转载自：</b>{this.state.data.webSite || '新浪新闻-把酒社区'}</span><span><b>原文链接：</b><a href={this.state.data.url} target="view_window">点此进入</a></span></div>
            //         {/* <div className='paragraph'><span>段落示意：</span>BBN Technologies 的科学家 Sean Colbath 从事机器翻译工作，他同意奇怪的输出可能是由于 Google 翻译的算法试图在混乱中寻找秩序。他还指出，索马里语、夏威夷语以及毛利语等产生最奇怪结果的语言，它们用于训练的翻译文本比英语或汉语等更广泛使用的语言要少很多。</div> */}
            //         <p dangerouslySetInnerHTML={{ __html: this.state.str1 }}></p>
            //         <div className='nav_bc_img' style={{ height: 'auto', padding: this.state.img.length !== 0 ? '30px 60px 0px 60px' : '0' }}>{this.state.img && this.state.img.map((item, index) => {
            //             return (<img key={index} src={item} alt="" onError={(e)=>{
            //                 e.target.src = require('../../static/image/default.jpg')
            //             }}/>)
            //         })}</div>

            //         {/* <p dangerouslySetInnerHTML={{ __html: this.state.str2 }}></p> */}
            //     </div>
            // </div>

            <div className='tero_father tero_journa' >
                <div className='nav_bc' style={{ display: 'block', paddingTop: '20px' }}>
                    {
                        this.state.data.title?<h3 dangerouslySetInnerHTML={{ __html: this.state.data.title }}></h3>:''
                    }
                    <div className='nav_bc_title'>
                        <span style={{display:this.state.data.author?'inline-block':'none'}}><b>发布人：</b>{this.state.data.author || ''}</span><span><b>发布时间：</b>{u.unixTime(this.state.data.poTime) || ''}</span>
                        <span><b>转载自：</b>{this.state.data.webSite || ''}</span><span><b>原文链接：</b><a href={this.state.data.url} target="view_window">点此进入</a></span>
                    </div>
                    {/* <div className='paragraph'><span>段落示意：</span>BBN Technologies 的科学家 Sean Colbath 从事机器翻译工作，他同意奇怪的输出可能是由于 Google 翻译的算法试图在混乱中寻找秩序。他还指出，索马里语、夏威夷语以及毛利语等产生最奇怪结果的语言，它们用于训练的翻译文本比英语或汉语等更广泛使用的语言要少很多。</div> */}
                    <p dangerouslySetInnerHTML={{ __html: this.state.contentold }}></p>
                    {/* <p>{this.state.contentold}</p> */}
                    {/* <div className='nav_bc_img' style={{ height: 'auto', padding: this.state.img.length !== 0 ? '30px 60px 0px 60px' : '0' }}>{this.state.img && this.state.img.map((item, index) => {
                        return (<img key={index} src={item} alt="" onError={(e)=>{
                            e.target.src = require('../../static/image/default.jpg')
                        }}/>
                    )
                    })}</div> */}

                    <p dangerouslySetInnerHTML={{ __html: this.state.str2 }}></p>
                </div>
            </div>
        )
    }
}




export default Journa